﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
	<meta name="viewport" content="width=device-width" />
	<link href="~/Content/Css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
	<link href="~/Content/Css/font-awesome.css?v=4.4.0" rel="stylesheet">
	<link href="~/Content/Css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
	<link href="~/Content/Css/animate.css" rel="stylesheet">
	<link href="~/Content/Css/style.css?v=4.1.0" rel="stylesheet">
	<link href="~/Content/Css/plugins/iCheck/custom.css" rel="stylesheet">
	<link href="~/Content/Common.css" rel="stylesheet" />
	<title>Insert</title>
	<style type="text/css">
		.custom-authority { display: table; }
	</style>
</head>
<body>
	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="col-xs-12">
			<form class="form-horizontal m-t" id="mainForm">
				<div class="form-group">
					<label class="col-xs-2 control-label">名称：</label>
					<div class="col-xs-10">
						<input id="Name" name="Name" type="text" class="form-control" value="">
					</div>
				</div>
				@*<div class="form-group custom-authority">
					<label class="col-xs-2 control-label">权限：</label>
					<div class="col-xs-10">
				@{
					foreach (Authority info in infosAuth)
					{
						<div class="col-xs-3 checkbox i-checks">
							<label><input type="checkbox" name="AuthorityId" value="@info.Id">@info.Name</label>
						</div>
					}
				}
					</div>
				</div>*@
				<div class="form-group">
					<label class="col-xs-2 control-label">备注：</label>
					<div class="col-xs-10">
						<input id="Remark" name="Remark" type="text" class="form-control" value="">
					</div>
				</div>

				<div class="form-group Submit">
					<button id="submit" class="btn btn-primary pull-right" type="submit">
						<i class="fa fa-check"></i>&nbsp;提&nbsp;交
					</button>
				</div>
			</form>
		</div>
	</div>
	<!-- 全局js -->
	<script type="text/javascript" src="~/Scripts/jquery.min.js?v=2.1.4"></script>
	<script type="text/javascript" src="~/Scripts/bootstrap.min.js?v=3.3.6"></script>
	<script type="text/javascript" src="~/Scripts/plugins/iCheck/icheck.min.js"></script>
	<!-- jQuery Validation plugin javascript-->
	<script type="text/javascript" src="~/Scripts/plugins/validate/jquery.validate.min.js"></script>
	<script type="text/javascript" src="~/Scripts/plugins/validate/messages_zh.min.js"></script>
	<script type="text/javascript" src="~/Scripts/Extensions/ExtValidator.js"></script>
	<!-- layer javascript -->
	<script type="text/javascript" src="~/Scripts/plugins/layer/layer.min.js"></script>

	<script>
		$('.i-checks').iCheck({
			checkboxClass: 'icheckbox_square-green'
		});

        $(function () {
            // validate signup form on keyup and submit
            var icon = "<i class='fa fa-times-circle'></i> ";
            var validator = $("#mainForm").validate({
            	rules: {
            		Name: { required: true, minlength: 2 },
            		//AuthorityId: { required: true }
            	},
                messages: {
                    Name: {
                        required: icon + "请输入名称",
                        minlength: icon + "名称不少于两个文字"
                    }
                    //,
                    //AuthorityId: {
                    //	required: icon + "请选择权限"
                    //}
                },
                submitHandler: function (form) {
                    //进行ajax传值
                    $.ajax({
                        url: "/identity/role/insertasync",
                        type: "post",
                        dataType: "json",
                        data: $('#mainForm').serialize(),
                        success: function (data) {
                            //Info,Success,Warning,Error
                            var type = data.type;
                            if (type == 1) {
                                layer.msg(data.content, { icon: 6, time: 2000 },
                                    function () {
                                        var index = parent.layer.getFrameIndex(window.name);
                                        parent.layer.close(index);
                                    });

                            } else {
                                layer.msg(data.content, { icon: 5, time: 2000 });
                            }
                        }
                    });
                }
            });
        });
	</script>
</body>
</html>
